<template>
  <div>
    <h2>事件修饰符</h2>
    <!-- 语法格式  @事件名.修饰符 = "处理方法" -->
    <!-- 修饰符(可以连用):
    阻止默认行为  .prevent
    阻止冒泡: .stop
    标识按下回车键才会触发处理函数 : .enter
       

       例如:既要阻止默认行为  又要阻止事件冒泡
       @click.prevent.stop
     -->

<form action="">
  <input type="text" @keyup.enter="two">
  <button @clic.prevent="one">按一下</button>
</form>

  </div>
</template>

<script>
export default {
  //这里放vue相关代码
  data() {
    return {};
  },
  methods: {
    one(){
      console.log(123);
    },
    two(){
      console.log(456);
    }
  },
};
</script>

<style >
h2 {
  color: skyblue;
}
</style>